<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>渠道商申请列表</title>
<!-- 引入JQuery -->
<script type="text/javascript" src="${pageContext.request.contextPath}/statics/jquery-easyui-1.5.2/jquery.min.js"></script>
<!-- 引入EasyUI -->
<script type="text/javascript" src="${pageContext.request.contextPath}/statics/jquery-easyui-1.5.2/jquery.easyui.min.js"></script>
<!-- 引入EasyUI的中文国际化js，让EasyUI支持中文 -->
<script type="text/javascript" src="${pageContext.request.contextPath}/statics/jquery-easyui-1.5.2/locale/easyui-lang-zh_CN.js"></script>
<!-- 引入EasyUI的样式文件-->
<link rel="stylesheet" href="${pageContext.request.contextPath}/statics/jquery-easyui-1.5.2/themes/default/easyui.css" type="text/css"/>
<!-- 引入EasyUI的图标样式文件-->
<link rel="stylesheet" href="${pageContext.request.contextPath}/statics/jquery-easyui-1.5.2/themes/icon.css" type="text/css"/>
</head>
<body>
	<input id="tt" class="easyui-textbox" style="width:13%;" data-options="
			prompt: '供货商',
			iconWidth: 22,
			icons: [{
				iconCls:'icon-dealer'}]
	">
	&nbsp;&nbsp;
	<input id="tt" class="easyui-textbox" style="width:13%;" data-options="
			prompt: '电话',
			iconWidth: 22,
			icons: [{
				iconCls:'icon-phone'}]
	">
	&nbsp;&nbsp;
	<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" style="width:10%;">Search</a>
	<br/>
	<h4 style="display: inline-block;">供货商列表</h4>
	<a href="#" onclick="$('#dlg1').dialog('open')" class="easyui-linkbutton" data-options="iconCls:'icon-count'" style="width:10%;">Add</a>
	<div style="width:80%;">
		<table class="easyui-datagrid">
					<thead>
						<tr>
							<th data-options="field:'itemid',width:80,align:'center'">序号</th>
							<th data-options="field:'providerName',width:150,align:'center'">供货商名称</th>
							<th data-options="field:'phone',width:150,align:'center'">联系电话</th>
							<th data-options="field:'address',width:150,align:'center'">地址</th>
							<th data-options="field:'operate',width:100,align:'center'">操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td>郑州xx车业有限公司</td>
							<td>1616166666</td>
							<td>郑州市高新区冬青街</td>
							<td><a href="#">详情</a>&nbsp;|&nbsp;<a href="#">删除</a></td>
						</tr>
						<tr>
							<td>1</td>
							<td>郑州xx车业有限公司</td>
							<td>1616166666</td>
							<td>郑州市高新区冬青街</td>
							<td><a href="#">详情</a>&nbsp;|&nbsp;<a href="#">删除</a></td>
						</tr>
						<tr>
							<td>1</td>
							<td>郑州xx车业有限公司</td>
							<td>1616166666</td>
							<td>郑州市高新区冬青街</td>
							<td><a href="#">详情</a>&nbsp;|&nbsp;<a href="#">删除</a></td>
						</tr>
						<tr>
							<td>1</td>
							<td>郑州xx车业有限公司</td>
							<td>1616166666</td>
							<td>郑州市高新区冬青街</td>
							<td><a href="javascript:void(0);" onclick="$('#dlg').dialog('open')">详情</a>&nbsp;|&nbsp;<a href="#" onclick="return confirm();">删除</a></td>
						</tr>
					</tbody>
		</table>
		<div class="easyui-panel" >
			<div class="easyui-pagination" data-options="total:114"></div>
		</div>
	</div>
	<!-- 供货商详情 -->
	<div id="dlg" class="easyui-dialog" title="供货商详情" style="width:600px;height:500px;padding:10px"
			data-options="
				iconCls: 'icon-save',
				toolbar: '#dlg-toolbar',
				buttons: '#dlg-buttons'
			">
			<h4 style="color:#0099FF">供货商名称:&nbsp;&nbsp;<span style="color: black;">郑州xx车业有限公司</span></h4>
			<h4 style="color:#0099FF">联系电话:&nbsp;&nbsp;<span style="color: black;">1616166666</span></h4>
			<h4 style="color:#0099FF">地址:&nbsp;&nbsp;<span style="color: black;">郑州市高新区冬青街</span></h4>
			<h4 style="color:#0099FF">主营车型:</h4>
			<table class="easyui-datagrid">
				<thead>
					<tr>
						<th data-options="field:'itemid',width:100,align:'center'">序号</th>
						<th data-options="field:'carTypeName',width:100,align:'center'">车型名称</th>
						<th data-options="field:'engine',width:100,align:'center'">发动机</th>
						<th data-options="field:'color',width:100,align:'center'">颜色</th>
						<th data-options="field:'evaluation',width:100,align:'center'">好评度</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>1</td>
						<td>敞篷跑车</td>
						<td>SX99908</td>
						<td>宝石蓝</td>
						<td>☆☆☆☆☆</td>
					</tr>
				</tbody>
			</table>
			<h4 style="color:#0099FF";>公司简介</h4>
			<div style="margin:20px 0 10px 0;"></div>
			<input class="easyui-textbox" data-options="multiline:true" value="款式新颖，舒适放心" style="width:500px;height:100px">
	<div id="dlg-buttons">
		<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#dlg').dialog('close')">返回</a>
	</div>
	</div>
	<!-- 添加供货商 -->
	<div id="dlg1" class="easyui-dialog" title="供应商" style="width:350px;height:300px;padding:10px"
			data-options="
				iconCls: 'icon-save',
				toolbar: '#dlg-toolbar',
				buttons: '#dlg-buttons1'
			">
			 <form id="ff" class="easyui-form" method="post" data-options="novalidate:true">
		    	<table cellpadding="5">
		    		<tr>
		    			<td>供货商名称:</td>
		    			<td><input id="tt" class="easyui-textbox" style="width:90%;" data-options="
							prompt: '供货商',
							iconWidth: 22,
							icons: [{
								iconCls:'icon-dealer'}],required:true">					
						</td>
		    		</tr>
		    		<tr>
		    			<td>公司电话:</td>
		    			<td>
		    				<input id="tt" class="easyui-textbox" style="width:90%;" data-options="
							prompt: '电话',
							iconWidth: 22,
							icons: [{
								iconCls:'icon-phone'}],required:true">
		    			</td>
		    		</tr>
		    		<tr>
		    			<td>公司地址:</td>
		    			<td>
		    				<input id="tt" class="easyui-textbox" style="width:90%;" data-options="
								prompt: '地址',
								iconWidth: 22,
								icons: [{
									iconCls:'icon-address'}],required:true">
		    			</td>
		    		</tr>
		    		<tr>
		    			<td>公司简介:</td>
		    			<td><input class="easyui-textbox" name="message" data-options="multiline:true" style="height:60px"></input></td>
		    		</tr>
		    	</table>
	    	</form>
	    	<div id="dlg-buttons1">
				<a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()">重置</a>
				<a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">提交</a>
			</div>
	</div>
</body>
<script>
$(function(){
	//首先先关闭dialog
	$('#dlg').dialog('close');
	$('#dlg1').dialog('close');
})
/* 确认是否删除 */
function confirm(){
	$.messager.confirm('删除供应商', '确认删除吗?', function(r){
		if (r){
			return r;
		}
	});
}
/*添加gongyingshan，表单验证*/
function submitForm(){
	$('#ff').form('submit',{
		onSubmit:function(){
			return $(this).form('enableValidation').form('validate');
		}
	});
}
function clearForm(){
	$('#ff').form('clear');
}
</script>
</html>